<!DOCTYPE html>
<html lang="en">
<head>
	<title>Final Project - Group 3 - Team 3 </title>
	<meta charset="utf-8">
	<link href="css/bio.css" type=text/css rel=stylesheet>
	<link href="css/sunny/jquery-ui-custom.css" rel="stylesheet" type="text/css" media="screen, projection" />
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<script type="text/javascript" src="scripts/jquery.js"></script>
	<script type="text/javascript" src="scripts/jquery-ui-custom.js"></script>
	<script type="text/javascript" src="scripts/login.js"></script>
	<script type="text/javaScript" src="scripts/validation.js"></script>
	<script type="text/javascript">
		$(function() {
	       // set up the about you accordion mid page
	            $("#aboutYou").accordion({ header: "h4" });
			// create the image rotator
			setInterval("rotateImages()", 3000);
	    });
	    function rotateImages() {
		            var oCurPhoto = $('#photoShow div.current');
		            var oNxtPhoto = oCurPhoto.next();
		            if (oNxtPhoto.length == 0)
		                oNxtPhoto = $('#photoShow div:first');

		            oCurPhoto.removeClass('current').addClass('previous');
		            oNxtPhoto.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 1000,
		                function() {
		                    oCurPhoto.removeClass('previous');
		                });
        }
	</script>
	<style type="text/css">
	#photoShow {
		height:235px;
		width:180px;
	}
	#photoShow div {
		position:absolute;
		z-index: 0;
	}
	#photoShow div.previous {
		z-index: 1;
	}
	#photoShow div.current {
		z-index: 2;
	}
	</style>
</head>
<body>
	<table>
		<tr>
    		<td colspan=6 class="headline"><img src="images/logo.gif" alt="Logo" width="500" height="60"></td>
		</tr>
		<tr>
    		<td class="left-column">
    			<table class=leftnav-table>
	        		<tr>
	          			<td class=leftnav-category-link colSpan=2>MENU</td>
	        		</tr>
	        		<tr>
	          			<td class=leftnav-show-link><IMG height=11 src="images/brown_bullet.gif" alt="family" width=9></TD>
	          			<td class=leftnav-show-link><a href="#">Menu 1</a> </TD>
					</tr>
					<tr>
						<td class=leftnav-show-link><img height=11 src="images/brown_bullet.gif" alt="phone" width=9></td>
						<td class=leftnav-show-link><a href="#">Menu 2</a></td>
        			</tr>
					<tr>
						<td class=leftnav-show-link><img height=11 src="images/brown_bullet.gif" alt="phone" width=9></td>
						<td class=leftnav-show-link><a href="#">Menu 3</a></td>
        			</tr>
        			<tr>
          				<td class=leftnav-show-link><img height=11 src="images/brown_bullet.gif" alt="email" width=9></td>
          				<td class=leftnav-show-link>Email: <a href="mailto:&#116;&#101;&#114;&#114;&#105;&#064;&#116;&#106;&#099;&#114;&#101;&#097;&#116;&#105;&#118;&#101;&#097;&#114;&#116;&#115;&#046;&#099;&#111;&#109;">&#116;&#101;&#114;&#114;&#105;&#064;&#116;&#106;&#099;&#114;&#101;&#097;&#116;&#105;&#118;&#101;&#097;&#114;&#116;&#115;&#046;&#099;&#111;&#109;</a></TD>
        			</tr>
        			<tr>
        				<td colspan=""2><img height=11 src="images/spacer.gif" alt=""></td>
        			</tr>
        			<tr>
		   				<td class=leftnav-category-link colSpan=2>
							<div id="photoShow">
								<div class="current">
										<img src="images/fitness-silhouettesb.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a>
								</div>
								<div>
										<img src="images/heartrateb.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/healthy-42b.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/frametasticb.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/calorie_burning.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/veggie-heart.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
							</div>
		   				</td>
        			</tr>
        			<tr>
        				<td colspan=""2><img height=11 src="images/spacer.gif" alt=""></td>
        			</tr>
				</table>
			</td>
    		<td class="vert-divider"><img src="images/spacer.gif" alt="spacer" width="1"> </td>
    		<td> <img height=1 src="images/spacer.gif" alt="spacer" width=2> </td>
    		<td class="mid-column">
      			<table class=mid-table>
        			<tr>
          				<td class=header-text><H2>MET CS 633 Distributed Software Development</H2></td>
        			</tr>
					<tr>
          				<td class=body-text-strong-link>
              				<H3>FINAL PROJECT</H3>
          				</td>
					</tr>
        			<tr>
		    			<td class=body-text>
		    				<?=stripslashes($page_content["page_content"])?>

							<div id="aboutYou">
							    <h4><span class="subhead">WORKOUT ENTRY</span></h4>
							    <p>This could be where the workout entry form could be...</p>
                                <h4><span class="subhead">DEMOGRAPHIC ENTRY</span></h4>
                                <p>This could be where the person entry form could be...</p>
                                <h4><span class="subhead">FOOD ENTRY</span></h4>
                                <p>This could be where the Food entry form could be...</p>
							  <h4><span class="subhead">CONTACT ME</span></h4>
								<form action="contact-email.php" method="post" name="contactform">
								   <table>
								    <tr>
								     <td><label for="fname">First Name: *</label></td>
								     <td><input type="text" name="fname" id="fname"></td>
								    </tr>
								    <tr>
								     <td><label for="lname">Last Name: *</label></td>
								     <td><input type="text" name="lname" id="lname"></td>
								    </tr>
								    <tr>
								     <td><label for="email">Email: *</label></td>
								     <td><input type="text" name="email" id="email"></td>
								    </tr>

									<tr>
								     <td><label for="addr1">Address:</label></td>
								     <td><input type="text" name="addr1" id="addr1" size="30"></td>
								    </tr>
									<tr>
								     <td><label for="city">City:</label></td>
								     <td><input type="text" name="city" id="city"></td>
								    </tr>
									<tr>
								     <td><label for="state">State:</label></td>
								     <td>
                                     <select name="state" name="state" id="state">
								     	<option value='None Selected'>-PICK STATE-</option>
										<option value='Alabama'>Alabama</option>
										<option value='Alaska'>Alaska</option>
										<option value='Arizona'>Arizona</option>
										<option value='Arkansas'>Arkansas</option>
										<option value='California'>California</option>
										<option value='Colorado'>Colorado</option>
										<option value='Connecticut'>Connecticut</option>
										<option value='Delaware'>Delaware</option>
										<option value='Florida'>Florida</option>
										<option value='Georgia'>Georgia</option>
										<option value='Hawaii'>Hawaii</option>
										<option value='Idaho'>Idaho</option>
										<option value='Illinois'>Illinois</option>
										<option value='Indiana'>Indiana</option>
										<option value='Iowa'>Iowa</option>
										<option value='Kansas'>Kansas</option>
										<option value='Kentucky'>Kentucky</option>
										<option value='Louisiana'>Louisiana</option>
										<option value='Maine'>Maine</option>
										<option value='Maryland'>Maryland</option>
										<option value='Massachusetts'>Massachusetts</option>
										<option value='Michigan'>Michigan</option>
										<option value='Minnesota'>Minnesota</option>
										<option value='Mississippi'>Mississippi</option>
										<option value='Missouri'>Missouri</option>
										<option value='Montana'>Montana</option>
										<option value='Nebraska'>Nebraska</option>
										<option value='Nevada'>Nevada</option>
										<option value='New Hampshire'>New Hampshire</option>
										<option value='New Jersey'>New Jersey</option>
										<option value='New Mexico'>New Mexico</option>
										<option value='New York'>New York</option>
										<option value='North Carolina'>North Carolina</option>
										<option value='North Dakota'>North Dakota</option>
										<option value='Ohio'>Ohio</option>
										<option value='Oklahoma'>Oklahoma</option>
										<option value='Oregon'>Oregon</option>
										<option value='Pennsylvania'>Pennsylvania</option>
										<option value='Rhode Island'>Rhode Island</option>
										<option value='South Carolina'>South Carolina</option>
										<option value='South Dakota'>South Dakota</option>
										<option value='Tennessee'>Tennessee</option>
										<option value='Texas'>Texas</option>
										<option value='Utah'>Utah</option>
										<option value='Vermont'>Vermont</option>
										<option value='Virginia'>Virginia</option>
										<option value='Washington'>Washington</option>
										<option value='West Virginia'>West Virginia</option>
										<option value='Wisconsin'>Wisconsin</option>
										<option value='Wyoming'>Wyoming</option>
									  </select>
								     </td>
								    </tr>
								    <tr>
										<td><label for="zip">Zip: *</label></td>
										<td><input type="text" name="zip" id="zip"></td>
								    </tr>
								    <tr>
									  <td><label for="comments">Comments: *</label></td>
									  <td><textarea cols="50" rows="2" name="comments" id="comments"></textarea></td>
								    </tr>
								    <tr>
								    	<td colspan="2">* Denotes a required field</td>
								    </tr>
								    <tr>
								     <td></td>
								     <td><input type="submit" value="Submit">
								       <input type="reset" value="Clear form">
								     </td>
								    </tr>
								   </table>
  								</form>
							</div>
						</td>
					</tr>
					<tr>
						<td class=body-text><img height=1 src="images/spacer.gif" alt="spacer" width=2></td>
					</tr>
     			</table>
     		</td>
    		<td><img height=1 src="images/spacer.gif" alt="spacer" width=2> </td>
    		<td class="rightnav-column" >
      			<table class=rightnav-table>
					<tr>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					    <td class=rightnav-category-link>Link 1 </td>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>Link 2 </td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>Link 3 </td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>Link 4 </td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>Link 5 </td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>Link 6 </td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>Link 7 </td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link><a href="http://www.tjcreativearts.com/" target="_blank">Personal Website</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
				</table>
      			<table class=rightnav-table>
					<tr>
						<td colspan="3" class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1" height="1"></td>
					</tr>
					<tr>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					    <td class=rightnav-category-link>Interesting Websites</td>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link><a href="http://www.alexa.com" target="_blank">Alexa.com</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link><a href="http://www.google.com/analytics/" target="_blank">Google Analytics</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link><a href="http://wpremix.com/" target="_blank">Wordpress CMS</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link><a href="http://www.rent-acoder.com/" target="_blank">Rent A Coder</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link><a href="http://www.planet-source-code.com/" target="_blank">Planet Source Code</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
        		</table>
				<table>
					<tr>
						<td colspan="3" class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1" height="1"></td>
					</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td>
							<p class="p-center">
								<a href="http://jigsaw.w3.org/css-validator/check/referer">
								<img style="border:0;width:88px;height:31px;"
								src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
								alt="" />
								</a>
							</p>
						</td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					</tr>
				</table>
    		</td>
      	</tr>
  		<tr>
    		<td colSpan="6"><img height="3" src="images/spacer.gif" alt="spacer"></td>
    	</tr>
  		<tr>
    		<td class="footer-text" colSpan=6>&copy; 2013 MET CS633 Distributed Software Development Class.</td>
    	</tr>
	</table>
</body>
</html>